<template>
  <view class="empty-box">
    <img :src="props.img" class="img-no">
    <view :style="{color}">{{props.title}}</view>
  </view>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  img: {
    type: String,
    default: ''
  },
  color: {
    type: String,
    default: '#999999'
  }
})
</script>

<style scoped lang="scss">
.empty-box{
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 28rpx;
  align-items: center;
  .img-no{
    width: 386rpx;
    height: 326rpx;
    margin-bottom: 16rpx;
  }
}
</style>
